@extends('admin.common.base-master')

@section('html-head')
    <style type="text/css">
        .divcss5_list_title{background:#eeeeee; border:1px solid #cccccc; padding:1em;}
        .divcss5_list_content{padding:1em;}
        #tinybox{position:absolute; display:none; padding:10px; background:url('{{url('images/preload.gif')}}') no-repeat 50% 50%;  z-index:2000;}
        #tinymask{position:absolute; display:none; top:0; left:0; height:100%; width:100%; background:#000000; z-index:1500;}
        #tinycontent{background:#ffffff; font-size:1.1em;}

        #n{margin:10px auto; width:920px; border:1px solid #CCC;font-size:12px; line-height:30px;}
        #n a{ padding:0 4px; color:#333}
        .sx{padding: 10px}
        .sx-btn{width: 64px;height: 30px;background-color: #4dbcd3;color: #fff;border: #4dbcd3;border-radius: 7%;}
    </style>
    <link href="{{url('css/admin/pagenum.css')}}" rel="stylesheet" />
@endsection

@section('html-body')
    <div id="content">
        <!-- cur-position start -->
        <div id="cur-position">
            <span class="tit">当前位置：</span>
            <a href="#">问题列表</a>
        </div>

        <div class="filter-box clearfix">
            <div class="fr" style="margin-top: 10px;">
                <a class="addBtn" href="{{route('Admin.Home.questionAdd')}}">新增</a>
            </div>
        </div>
        <div class="table-box">
            <table class="table">
                <thead>
                <tr>
                    <th>题目编号</th>
                    <th>问题内容</th>
                    <th>问题类型</th>
                    <th>选项个数</th>
                    <th>答案个数</th>
                    <th>修改时间</th>
                    <th>状态</th>
                    <th>选项操作</th>
                    <th>操作</th>
                </tr>
                </thead>
                <tbody>
                @if(count($questions) > 0)
                    @foreach($questions as $question)
                        <tr id="q_{{$question->id}}">
                            <td>{{$question->num}}</td>
                            <td>{{$question->question}}</td>
                            <td>@if($question->type == 1)单选 @else多选 @endif</td>
                            <td>{{count($question->answers)}}</td>
                            <td>1</td>
                            <td>{{$question->updated_at}}</td>
                            <td><a class="setstatus" id="status_{{$question->id}}" href="javascript:void(0);" data-id="{{$question->id}}">@if($question->status == 0)<span class="color2">未启动</span> @else <span class="color4">启动</span> @endif</a></td>
                            <td><a href="{{route('Admin.Home.answerList')}}?qid={{$question->id}}"><span class="color3">修改选项</span></a></td>
                            <td><a class="color2" href="@if($question){{route('Admin.Home.questionAdd')}}?id={{$question->id}} @endif">编辑</a> <span>|</span> <a href="javascript:void(0);" class="del" data-id="{{$question->id}}">删除 </a></td>
                        </tr>
                    @endforeach
                @endif
                </tbody>
                <tfoot class="order-gl">

                </tfoot>
            </table>
        </div>
    </div>

    <script>

        $(function(){
            $(document).on("click", ".del", function () {
                var id = $(this).attr("data-id");

                noty({
                    text: '可能影响答题情况，你确定要删除吗?',
                    buttons: [
                        {
                            addClass: 'btn btn-primary', text: '确定', onClick: function ($noty) {
                            $noty.close();
                            $.ajax({
                                url: '{{route('Api.Question.delQuestion')}}',
                                type: 'post',
                                dataType: 'json',
                                data: {qid: id},
                                success: function (obj) {
                                    if (obj.level == "success") {
                                        window.location.reload();
                                    } else {
                                        noty({type: obj.level, text: obj.message, timeout: 600});
                                    }
                                },
                                error: function (obj) {
                                    console.log(obj);
                                }

                            });
                        }
                        },
                        {
                            addClass: 'btn btn-danger', text: '取消', onClick: function ($noty) {
                            $noty.close();
                        }
                        }
                    ]
                });
            });
            {{--$(document).on('click','.setstatus',function(){--}}
                {{--var id = $(this).data("id");--}}

                {{--$.ajax({--}}
                    {{--url:'{{route('Api.Admin.Plan.startPlan')}}',--}}
                    {{--type:'post',--}}
                    {{--dataType:'json',--}}
                    {{--data:{plan_id:id},--}}
                    {{--success:function(obj){--}}
                        {{--if(obj.level == "success"){--}}
                            {{--noty({text:obj.message,type:obj.level,timeout:600,--}}
                                {{--callback:{--}}
                                    {{--afterClose:function(){--}}
                                        {{--window.location.reload();--}}
                                    {{--}--}}
                                {{--}--}}
                            {{--});--}}
                        {{--}else{--}}
                            {{--noty({type:obj.level,text:obj.message,timeout:600});--}}
                        {{--}--}}
                    {{--},--}}
                    {{--error:function(obj){--}}
                        {{--console.log(obj);--}}
                    {{--}--}}

                {{--});--}}
            {{--});--}}

            {{--$(document).on("click",".del",function(){--}}
                {{--var id = $(this).attr("data-id");--}}

                {{--noty({--}}
                    {{--text: '可能影响计划的进行，你确定要删除吗?',--}}
                    {{--buttons: [--}}
                        {{--{addClass: 'btn btn-primary', text: '确定', onClick: function($noty) {--}}
                            {{--$noty.close();--}}
                            {{--$.ajax({--}}
                                {{--url:'{{route('Api.Admin.Plan.delPlan')}}',--}}
                                {{--type:'post',--}}
                                {{--dataType:'json',--}}
                                {{--data:{id:id},--}}
                                {{--success:function(obj){--}}
                                    {{--if(obj.level == "success"){--}}
                                        {{--$("#plan_"+id).hide('slow');--}}
                                    {{--}else{--}}
                                        {{--noty({type:obj.level,text:obj.message,timeout:600});--}}
                                    {{--}--}}
                                {{--},--}}
                                {{--error:function(obj){--}}
                                    {{--console.log(obj);--}}
                                {{--}--}}

                            {{--});--}}
                        {{--}--}}
                        {{--},--}}
                        {{--{addClass: 'btn btn-danger', text: '取消', onClick: function($noty) {--}}
                            {{--$noty.close();--}}
                        {{--}--}}
                        {{--}--}}
                    {{--]--}}
                {{--});--}}
            {{--});--}}
        });
    </script>
@endsection